body {
  /*text-align: center;*/
  padding: 0px;
  margin: 0px;
  font-family: Arial,Helvetica,sans-serif;
  /*font-size: 15px;*/
}
#logo{
  position: absolute;
  top: 2px;
  left: 8px;
  width: 60px;
  height: 80px;
  z-index: 8;
  background-image: url(../../img/gov_logo_white.png);
  background-color: white;
}
#txt{
  position: absolute;
  top: 3px;
  left: 68px;
  height: 22px;
  z-index: 8;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  background-color: white;
}
#user{
  position: absolute;
  top: 3px;
  right: 8px;
  height: 22px;
  z-index: 7;
  text-align: right;
}
.user {
  margin: 0;
  padding: 5px 0 2px;
}
.user li {
  padding: 0 5px 0 5px;
  margin-top:0px;
  border-right: 1px solid black;
  display: inline;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bolder;
}
.user a:link, .user a:active, .user a:visited,.user a:hover {
  text-decoration: none;
  color: #f57439;
}
#join{
  position: absolute;
  top: 28px;
  left: 68px;
  width: 11px;
  height: 27px;
  background-image:url(../../img/openmrs_green_bar.gif);
}
#navi{
  z-index: -3;
  position: absolute;
  top: 28px;
  left: 0px;
  width: 100%;
  height: 27px;
  background-image:url(../../img/openmrs_green_bar_repeat.gif);
  background-color: #009D8E;
}
.navi {
  z-index: 9;
  color: #FFFFFF;
  margin: 0;
  padding-top: 6px;
  text-align: center;
}
.navi li {
  padding: 0 10px 0 10px;
  margin-top: 0px;
  border-right: 2px solid white;
  display: inline;
  line-height: 1.0em;
  white-space: nowrap;
  font-size: 1.1em;
  font-weight: bolder;
}
.navi a:link, .navi a:active, .navi a:visited,.navi a:hover {
  text-decoration: none;
  color: #ffffff;
}
#blnkl{
  z-index: -2;
  position: absolute;
  top: 28px;
  left: 0px;
  width: 8px;
  height: 27px;
  background-color: white;
}
#blnkr{
  z-index: -2;
  position: absolute;
  top: 28px;
  right: 0px;
  width: 5px;
  height: 27px;
  background-color: white;
}
#foot {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: .7em;
  z-index: 6;
  height: 1.7em;
  background-color: #eeeeee;
  border-top: 1px solid #bbbbbb;
}
#footl{
  padding: 2px 0 0 4px;
  text-align: left;
  float: left;
}
#footr{
  padding: 2px 4px 0 0;
  text-align: left;
  float: right;
}
#content {
  position: absolute;
  top: 100px;
  left: 0px;
  width: 100%;
  margin-left: 20px;
  margin-right: auto;
  padding-bottom: 15px;
  text-align: center;
}
#content a, a:link, a:active, a:visited, a:hover {
  color: #003366;
}

#dataTable th {
	background:#616161;
	color:#fff;
	padding:7px;
	border:1px solid #616161;
	text-align:left;
}
#dataTable td {
	padding:7px;
	background:#EEEEEE;
	line-height:20px;
}

#dataTable tr.odd td {
	background-color:#eaeaea;
}
#dataTable tr.even td {
	background-color:#fff;
}
#dataTable tr.odd:hover td,#dataTable tr.even:hover td {
    background:#00C4B1;
}

#login {
  margin-left:auto;
  margin-right:auto;
}
/*table {
  margin-left:auto;
  margin-right:auto;
 } */
.b {
  font-weight: bold;
}
.l {
  text-align: left;
}
.s {
  font-size: 12px;
}
.tg{
  margin-top: 6px;
  width: 98%;
  border-collapse:collapse;
  border: 1px solid #009D8E;
}
.tw{
 
  width: 99%;
  border-collapse:collapse;
}
.thg{
  padding: 3px;
  background-color: #009D8E;
  text-align: left;
  color: white;
  font-size: 1.2em;
  font-weight: bolder;  
}
.tdw{
  padding: 8px;
  background-color: #eeeeee;
  text-align: left;
/*  padding-left: 200px; */

}
fieldset{
  border: 1px solid blue;
  padding: 6px;
  margin-top: 10px;  
}
legend{
  font-weight: bold;
  color: blue;
  
}
.tr{
  margin-right: 8px;
}
.tl{
  margin-left: 8px;
  background-color: white;
}
.tpt{
  width: 100%
}
.red{
  color: red;
  font-weight: bolder;
}
.ptn{
  font-size: 1.2em;
  font-weight: bolder;
}
.un{
  text-align: right;
  font-size: 1.2em;
  font-weight: bolder;
}
.pto{
  font-weight: bolder;
  text-align: center;
}
.ta{
  width: 100%;
}
.top{
  vertical-align: top;
  text-align: right;
}
.bot{
  vertical-align: bottom;
}
#log{
  font-size: .8em;
}
#invalid{
    width: 50%;
}
.button {
    background: none repeat scroll 0 0 #00C4B1;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 15px;
    margin-left: 10px;
    padding: 8px 20px;
}

.input {
    border: 1px solid #D2D1D1;
    border-radius: 3px 3px 3px 3px;
    color: #5D5D5D;
    font-size: 13px;
    outline: medium none;
    padding: 4px 6px;
    width: 90%;
}
.searchbox {
    border: 1px solid #D2D1D1;
    border-radius: 3px 3px 3px 3px;
    color: #5D5D5D;
    font-size: 13px;
    padding: 4px 6px;
    outline: medium none;
    width: 90%;
}

.error {
    background-color: #F1C6BD;
    border: 1px solid #D48574;
    color: #AA4935;
}

.message {
    border: 1px solid #D2D1D1;
    border-radius: 3px 3px 3px 3px;
    color: #5D5D5D;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 12px;
    padding: 14px;
    position: relative;
}
.hintText{
	color: #CCCCCC;
}


#tabs_wrapper {
	width: 100%;
}
#tabs_container {
	border-bottom: 1px solid #ccc;
}
#tabs {
	list-style: none;
	padding: 5px 0 4px 0;
	margin: 0 0 0 10px;
	font: 0.85em arial;
    font-weight: bold;
}
#tabs li {
	display: inline;
}
#tabs li a {
	border: 1px solid #ccc;
	padding: 4px 6px;
	text-decoration: none;
	background-color: #eeeeee;
	border-bottom: none;
	outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
#tabs li a:hover {
	background-color: #dddddd;
	padding: 4px 6px;
}
#tabs li.active a {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}
#tabs li.active a:hover {
	background-color: #eeeeee;
	padding: 4px 6px 5px 6px;
	border-bottom: none;
}


#tabs li a.icon_accept:hover {
	padding-left: 24px;
}

#tabs_content_container {
	border: 1px solid #ccc;
	border-top: none;
	padding: 10px;
	width: 98%;
}
.tab_content {
	display: none;
}
.hidden{
    visibility:hidden;
}
